<!--  -->
<template>
  <div class="blockContent" :style="{ width:contentWidth+'%',height:contentHeight+'px' }">
    <div>
      <p v-show="showTitle" class="content_title">{{title}}</p>
    </div>
    <slot></slot>
  </div>
</template>

<script>

export default {
  components: {},
  data () {
    return {};
  },
  props: {
    title: {
      type: String,
      default: '投递转化率'
    },
    showTitle: {
      type: Boolean,
      default: true
    },
    contentWidth: {
      type: Number | String,
      default: 100
    },
    contentHeight: {
      type: Number | String,
      default: 324
    }
  },
  computed: {},
  watch: {},
  methods: {

  },
  created () {

  },
  mounted () {

  },
  beforeCreate () { },
  beforeMount () { },
  beforeUpdate () { },
  updated () { },
  beforeDestroy () { },
  destroyed () { },
  activated () { },
}
</script>
<style scoped>
.blockContent {
    /* width: 756px; */
    height: 324px;
    display: inline-block;
    background: #08085f;
    /* border: 1px dashed #fff; */
}
.content_title {
    min-width: 184px;
    height: 32px;
    padding-right: 15px;
    line-height: 32px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-indent: 15px;
    margin: 18px 0 0 18px;
    display: inline-block;
    /* border: 1px dashed #ffffff; */
    background: linear-gradient(to right, #08149a, #070862);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>